@import "./vars.scss";
.sapl-container {
    background-color: $back4;
    overflow: hidden;
    .sapl-h2 {
        padding-bottom: 8px;
    }
    .sapl-list {
        @include display(flex);
        @include flex-wrap(wrap);
        .sapl-item {
            width: 50%;
        }
        .sapl-item {
            @include display(flex);
            @include flex-direction(column);
            padding: 0 13px;
            margin-top: 40px;
        }
        .sapl-link {
            background-color: #fff;
            padding: 39px 11px 30px 12px;
            min-height: 617px;
            border-bottom: 2px solid #fff;
            @include transition(all 0.3s);
            &:hover {
                border-bottom-color: #005fae;
            }
        }
        .sapl-title {
            line-height: 28px;
            font-size: 16px;
            color: #000;
            font-family: sscb;
            border-bottom: 2px solid $back4;
        }
        .sapl-figure {
            margin-top: 15px;
            width: 514px;
            height: 182px;
            overflow: hidden;
            margin-bottom: 11px;
            img {
                width: 100%;
            }
        }
        .sapl-p {
            line-height: 24px;
            color: $color5;
            @include line-clamp(4);
        }
        .sapl-timer {
            line-height: 27px;
            font-family: sscm;
        }
        .sapl-info {
            color: $color5;
            margin-top: 18px;
            margin-bottom: 16px;
            @include display(flex);
            @include flex-direction(column);
            font-size: 13px;
            line-height: 24px;
            .iconfont {
                margin-right: 6px;
                font-size: 12px;
                &.ti2 {
                    font-size: 14px;
                }
                &.ti1 {
                    font-family: itcbk;
                }
            }
        }
    }
    .sapl-pager {
        margin-top: 36px;
        margin-bottom: 45px;
        @include justify-content(center);
    }
}

.sap-container {
    background-color: #fff;
    overflow: hidden;
    .sap-h2 {
        padding-bottom: 12px;
    }
    .sub-h4 {
        margin-bottom: 29px;
    }
    .sap-section {
        box-shadow: 0 0 18px rgba(237, 237, 237, 0.49);
        padding: 46px 18px 0;
        .spa-h5 {
            font-family: sscm;
            font-size: 16px;
            line-height: 1;
            margin-bottom: 20px;
        }
        .sap-p {
            line-height: 24px;
            color: $color5;
            margin-bottom: 24px;
        }
        .sap-zs {
            font-size: 13px;
            line-height: 29px;
            color: $color5;
        }
        .sap-item {
            @include display(flex);
            @include align-items(flex-start);

            margin-top: 11px;
            line-height: 28px;
            font-size: 15px;
        }
        .sap-label {
            @include display(flex);
            @include align-items(center);
            width: 80px;
            @include flex(80px 0 0);
            .iconfont {
                width: 32px;
                font-size: 18px;
                color: $color3;
                &.saljs {
                    font-size: 14px;
                }
                &.salcs {
                    font-size: 16px;
                }
            }
        }
        .sap-error {
            margin-top: 17px;
            line-height: 23px;
            color: $color3;
            font-size: 12px;
        }
        .sap-btn-warp {
            @include display(flex);
            @include justify-content(center);
        }
        .sap-btn {
            margin: 59px 0 27px;
            width: 198px;
            @include justify-content(center);
        }
    }
    .sap-calendar {
        margin-top: 55px;
        @include display(flex);
        .sap-calendar-aside {
            font-size: 17px;
            width: 184px;
            @include flex(184px 0 0);
            .sap-calendar-li {
                line-height: 33px;
                cursor: pointer;
                position: relative;
                padding-left: 25px;
                color: $color1;
                @include transition(all .3s);
                &:hover::after,
                &.on::after { 
                    opacity: 1;
                }
                &:hover {
                    color: $color3;
                }
                &::before {
                    width: 10px;
                    height: 10px;
                    position: absolute;
                    top: 50%;
                    margin-top: -5px;
                    left: 4px;
                    content:"";
                    background-color: $back8;
                    border-radius: 50%;
                }
                &::after {
                    content:"";
                    @include transition(all .3s);
                    opacity: 0;
                    width: 4px;
                    height: 4px;
                    position: absolute;
                    top: 50%;
                    border-radius: 50%;
                    margin-top: -2px;
                    left: 7px;
                    background-color: $color3;
                }
            }
        }
        .sap-list {
            @include flex(1);
            .sap-item {
                margin-bottom: 17px;
            }
            .sap-dt {
                font-size: 20px;
                font-family: sscm;
                line-height: 38px;
            }
            .sap-dd {
                @include display(flex);
                padding: 10px 0;
                line-height: 30px;
                font-size: 17px;
                border-bottom: 1px solid $border6;
            }
            .sap-label {
                margin-right: 20px;
            }
            p.c666 {
                color: $color5;
            }
        }
    }
    .sap-form-h2 {
        padding-top: 38px;
        padding-bottom: 38px;
    }
    .sap-form-h5 {
        font-size: 15px;
        text-align: center;
        margin-bottom: 27px;
    }
    .sap-form-h4 {
        margin-bottom: 71px;
    }
    .sap-textarea {
        padding-right: 16px;
    }
}